<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>
<title>Ежедневник "Все по плану".</title>
</h:head> 
<h:body>
    <ui:composition template="/templates/topBottom.xhtml">
            
            <ui:define name="topleft">
                Регистрация
            </ui:define> 
             
            <ui:define name="topright">
            	Справка
            </ui:define>      

            <ui:define name="content"> 
            	<div style="height: 450px">
            		<div style="float: right; width: 250px; height: auto" align="right" >
            			<p>Заполните форму для регистрации:</p>
            		    <h:form acceptcharset="utf-8" id="registerForm">    			
	            			 <h:outputLabel value="логин " /><h:inputText value="#{registrationBean.login}" required="true" validatorMessage="Логин должен состотяь минимум из 3 максимум из 25 символов" requiredMessage="Вы забыли ввести логин"><f:validateLength minimum="3" maximum="25"/></h:inputText><br/>            			             			        				
	            			 <h:outputLabel value="пароль "/><h:inputSecret value="#{registrationBean.password}" required="true" validatorMessage="Пароль должен состотяь минимум из 3 максимум из 25 символов" requiredMessage="Вы забыли ввести пароль"><f:validateLength minimum="3" maximum="25"/></h:inputSecret><br/>
							 <br/>
							 <a4j:mediaOutput element="img" cacheable="false" mimeType="image/jpeg" createContent="#{registerController.paintCaptcha}" >
							 	 
							 </a4j:mediaOutput>
							 <br/>
				             <h:outputText value="Текст на картинке:"/>
							        <h:panelGroup>
							            <h:inputText id="secureText"
							                         value="#{registerController.secureText}"
							                         size="30"
							                         required="true">
							               <f:validator validatorId="captchaValidator"/>
							            </h:inputText>
							        </h:panelGroup>     
							 <h:commandButton value="Регистрация" action="#{registrationBean.registration}"/><br/>
							 <h:messages id="errorRegistration" errorStyle="text-align:justify;color:OrangeRed;" warnStyle="color:red;text-align:left;" style="color:red;"/>
						</h:form>  
							       				       			
            		
            		</div>
            		<div style="margin-right: 250px">
            			
            			<p>Мы будем очень рады если вы зарегестрируетесь на нашем портале.     			
            			Регистрация не займет много времени. 
            			</p>            			
            		</div>
            	</div>
            </ui:define>

            <ui:define name="bottom">            	
            </ui:define>

        </ui:composition>
</h:body> 
</html>